<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>预约</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/animate.min.css"/>
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <link rel="stylesheet" href="../../../css/wx/mui.picker.min.css"/>
    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/fwyy/fwyy-info"],
            html_directory: 'client',
            cb: function (o) {
                require(['wx-iconfont'], $.noop);
                app.requireCss(['css/wx/wx-iconfont', 'css/wx/datepicker'], doc);
            }
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
    <style>
        .title {
            color: #6d6d72;
            font-size: 0.4rem;
            margin: 5px 10px;
        }

        .serveredInfo {
            margin-bottom: 1.5rem;
        }
        .mui-scroll-wrapper {
            bottom: 64px;
        }

        #submitDiv {
            height: 57px;
            border-radius: 0;
            width: 100%;
            color: #3F51B5 !important;
            font-size: .5rem;
            border: none;
        }

        p,div,span{
            font-size: 15px !important;
        }
    </style>
</head>

<body>

<div id="content" class="mui-content serveredInfo sh-fwyy-info">
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
            <div class="title">
                设备信息
            </div>
            <div class="mui-card">
                <div class="mui-card-content">
                    <form class="mui-input-group">
                        <div class="mui-input-row posIcon">
                            <label>设备编号</label>
                            <input type="text" v-model="form.MMRD002" class="mui-input" placeholder="请输入设备编号">
                            <i class="icon iconfont icon-061" @tap.stop="btn_MMRD002"></i>
                        </div>
                        <div class="mui-input-row posIcon">
                            <label>设备序号</label>
                            <input type="text" v-model="form.MMRD003" class="mui-input-clear" placeholder="请输入设备序号">
                            <i @tap.stop="btn_MMRD003" class="icon iconfont icon-061"></i>
                        </div>
                        <ul class="mui-table-view">
                            <li class="mui-table-view-cell mui-collapse" style="padding: 8px 10px 8px 15px;">
                                <a class="mui-navigate-right" href="#">设备信息</a>
                                <div class="mui-collapse-content">
                                    <div class="mui-row textStyle">
                                        <div class="mui-col-xs-12">
                                            <p>产品名称:<span>{{order.MMRA004}}</span></p>
                                        </div>
                                        <div class="mui-col-xs-7">
                                            <p>购买日期:<span>{{order.MMRA010}}</span></p>
                                        </div>
                                        <div class="mui-col-xs-7">
                                            <p>保修到期日期:<span>{{order.MMRA012}}</span></p>
                                        </div>
                                        <div class="mui-col-xs-5">
                                            <p>是否在保:<span>{{zhibao(order.MMRA013)}}</span></p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
            <div class="title">
                服务选择
            </div>
            <div class="sh-pad-box">
                <select v-model="form.MMRD001" class="selectCont">
                    <option value="1">安装</option>
                    <option value="2">维修</option>
                    <!--<option value="3">保养</option>-->
                    <option value="3">检测</option>
                </select>
            </div>
            <div class="title">
                项目选择
            </div>
            <div class="sh-pad-box">
                <div class="tags">
                    <a v-for="(tag,index) in tags" :class="status(index)" @click="checkeds(index)">{{tag.MMRLL003}}</a>
                </div>
            </div>
            <div class="title">
                需求描述
            </div>
            <div class="sh-pad-box">
                <textarea class="textarea" v-model="form.MMRD014" placeholder="描述内容"></textarea>
                <!--<textarea></textarea>-->
            </div>
            <div class="title">
                拍照
            </div>
            <div class="tackPoto" style="padding:  5px 10px;">
                <div class="div-autoline-boxDiv">
                    <template v-for="(img,inx) in imgs">
                        <div class="div-autoline-parent">
                            <div class="child">
                                <i @tap.stop="delimg(inx)" class="mui-icon mui-icon-closeempty posIcon"></i>
                                <img :src="img.img">
                            </div>
                        </div>
                    </template>
                    <div v-show="imgs.length<3" @tap.stop="addImgs" class="div-autoline-parent">
                        <div class="child start"><i class="icon iconfont icon-05" v-model="form.MMRD015"></i></div>
                    </div>
                </div>
            </div>
            <div class="title">
                联系人信息
            </div>
            <p class="kk"></p>
            <div class="mui-card">
                <div class="mui-card-content">
                    <form class="mui-input-group">
                        <div class="mui-input-row">
                            <label>联系人：</label>
                            <input type="text" class="mui-input" v-model="form.MMRD010" placeholder="请输入内容">
                        </div>
                        <div class="mui-input-row">
                            <label>联系电话：</label>
                            <input type="text" class="mui-input-clear" v-model="form.MMRD011" placeholder="请输入内容">
                        </div>
                        <div class="mui-input-row trunRight">
                            <label>详细服务地址：
                                <i @tap.stop="showMap" class="icon iconfont icon-23"></i>
                            </label>
                        </div>
                        <div class="addressInfo">
                            <textarea placeholder="请输入详细地址" v-model="form.MMRD012"></textarea>
                        </div>
                        <div class="mui-input-row lagreLabel">
                            <label>预约服务日期：</label>
                            <input type="date" v-model="form.MMRD004">
                        </div>
                        <div class="mui-input-row lagreLabel">
                            <label>预约服务时间段：</label>
                            <select v-model="form.MMRD005">
                                <option value="全天">全天</option>
                                <option value="8:00-12:00">8:00-12:00</option>
                                <option value="12:00-22:00">12:00-22:00</option>
                            </select>
                        </div>
                        <div class="mui-input-row lagreLabel">
                            <label>紧急程度：</label>
                            <select v-model="form.MMRD019">
                                <option value="2">一般</option>
                                <option value="1">紧急</option>
                            </select>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="submitDiv" class="bottonBtn" style="z-index: 999">
    <button class="active" style="background-color:#2c3a8a">提交</button>
</div>
</body>
</html>